<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册界面</title>
<link rel="stylesheet" href="../style/register.css">
<script type="text/javascript" src="../js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="../js/auto_mail.js"></script>
<script type="text/javascript" src="../js/tanchu_login.js"></script>
<script type="text/javascript">
function yanzheng(form){
		var text_mail1=$("#input_mail").val();
		var text_mail2=$("#p_mail").text();
		var text_name1=$("#input_name").val();
		var text_name2=$("#p_name").text();
		var text_password1=$("#input_password1").val();
		var text_password2=$("#input_password2").val();
		var text_p_password2=$("#p_password2").text();
		var text_checkcode1=$("#input_checkcode").val();
		var text_checkcode2=$("#p_checkcode").text();
		if(text_mail1==""||text_mail2!="邮箱可用！"){
			if(text_mail1==""){
				$("#p_mail").css("color","red");	
				$("#p_mail").html("请您填写邮箱。");
			}
			if(text_mail2=="邮箱已注册，请点击注册按钮进行邮箱激活！"){
				return true;
			}
			return false;
		}
		
		if(text_name1==""||text_name2!="昵称可用。"){
			if(text_name1==""){
				$("#p_name").css("color","red");	
				$("#p_name").html("昵称不能为空。");
			}
			return false;
		}
		
		if(text_password1==""||text_password2==""||text_p_password2!="正确"){
			if(text_password1==""||text_password2==""){
				$("#p_password2").css("color","red");	
				$("#p_password2").html("请输入密码。");
			}
			return false;
		}
		
		if(text_checkcode1==""||text_checkcode2!="验证码正确！"){
			if(text_checkcode1==""){
				$("#p_checkcode").css("color","red");	
				$("#p_checkcode").html("请输入验证码。");
			}
			return false;
		}
		
	return true;
}
	$(document).ready(function(e) {

		
        $("#input_mail").blur(function(){        //////input_mail的blur       结束
			var mail_content= $("#input_mail").val();
			var mail_length = $("#input_mail").val().length;
			if (!mail_content.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) { 
				$("#p_mail").html("邮箱格式不正确！");
				//$("#p_mail").html();
			}
			else if(mail_length>40){
				$("#p_mail").html("邮箱长度请不要超过40。");
			}
			else{
				//$("#p_mail").html(mail_length);
				//$("#p_mail").css("color","green");			
			$.post("checkmail.php",{usermail:$("#input_mail").val()},function(data){
     // alert("数据：" + data);
	  			if(data=="0"){                       ///////账号不存在，可以注册
					$("#p_mail").css("color","green");	
					$("#p_mail").html("邮箱可用！");
				}
				else if(data=="1"){                   //////账号已存在并且已激活
					$("#p_mail").css("color","red");	
					$("#p_mail").html("邮箱已注册并且已激活，请直接登陆！");
				}
				else if(data=="2"){                   ////激活码未过期
					$("#p_mail").css("color","red");	
					$("#p_mail").html("邮箱已注册但未激活，请登陆邮箱进行激活！");
				}
				else if(data=="3"){                   /////激活码已过期
					$("#p_mail").css("color","red");	
					$("#p_mail").html("邮箱已注册，请点击注册按钮进行邮箱激活！");
				}
    		});           ////post   结束
					}
			//$("#p_mail").html("邮箱格式不正确！");
			});           //////input_mail的blur       结束
			
			
			$("#input_mail").attr("src","ValidationCode.class.php?num="+Math.random());
			$("#input_name").blur(function(){             /////////input_name的blur        开始
				var name_length = $("#input_name").val().length;
				if(name_length>30){
					$("#p_name").html("昵称长度请不要超过30。");
				}
				else if(name_length==0){
					$("#p_name").html("昵称不能为空！");
				}
				else{
					$.post("checkname.php",{username:$("#input_name").val()},function(data){
						if(data=="0"){
							$("#p_name").css("color","red");	
							$("#p_name").html("昵称已存在，请重新输入。");
						}
						else if(data=="1"){
							$("#p_name").css("color","green");	
							$("#p_name").html("昵称可用。");
						}
					});
				}
			});                                           /////////input_name的blur        结束
			
			
			$("#input_password1").blur(function(){             /////////input_password1的blur        开始
				var password_length = $("#input_password1").val().length;
				if(password_length<6){
					$("#p_password1").css("color","red");	
					$("#p_password1").html("密码长度不得少于6位。");
				}
				else if(password_length<=20){
					$("#p_password1").html("");
				}
				else{
					$("#p_password1").css("color","red");	
					$("#p_password1").html("密码长度不得超过20位。");
				}
			});											 /////////input_password1的blur        结束
			
			$("#input_password2").blur(function(){             /////////input_password2的blur        开始
				var password1=$("#input_password1").val();
				var password2=$("#input_password2").val();
				var password_length = $("#input_password2").val().length;
				if(password_length<6){
					$("#p_password2").css("color","red");	
					$("#p_password2").html("密码长度不得少于6位。");
				}
				else if(password_length<=20){
					if(password1==password2){
						$("#p_password2").css("color","green");
						$("#p_password2").html("正确");
					}
					else{
						$("#p_password2").css("color","red");
						$("#p_password2").html("两次密码不一致！");
					}				
				}
				else{
					$("#p_password2").css("color","red");	
					$("#p_password2").html("密码长度不得超过20位。");
				}		
			});											 /////////input_password2的blur        结束
			
			////////////验证码开始
			$("#checkImg").click(function(){
				$("#checkImg").attr("src","ValidationCode.class.php?num="+Math.random());
			});
			
			$("#input_checkcode").blur(function(){
				$.post("checkCode.php",{validateCode:$("#input_checkcode").val()},function(data){
					if(data=="1"){
						$("#p_checkcode").css("color","green");
						$("#p_checkcode").html("验证码正确！");
					}
					else if(data=="0"){
						$("#p_checkcode").css("color","red");
						$("#p_checkcode").html("验证码错误！");
					}
				});
			});
			////////////验证码结束
			
    });           //////document.ready结束
	
</script>
</head>

<body>
<!--弹出登陆界面   start-->
<div class="fugaiceng" id="fugaiceng">
</div>
<div class="tanchuceng" id="tanchuceng">
	<div class="login_logo" id="login_logo">
		<p id="login_close"></p>
    </div>
    <div class="login_tishi" id="login_tishi">
    	<p></p>
    </div>
    <div class="login_form">
	<form action="login.php" onsubmit="return yanzheng2(this)" method="post" autocomplete="off">
    	<input type="text" name="input_username" class="login_input" id="input_place1" autocomplete="off" value="" >
        <input type="password" name="input_userpassword" class="login_input" autocomplete="off"  id="input_place2" value="">
        <input type="text" class="login_input_checkcode" id="login_input_checkcode" autocomplete="off" />
        <img src="ValidationCode.class.php" id="checkImg2"><br />
        <p id="input_mima"><a href="#">忘记密码？</a></p>
        <input type="submit" value="登陆" id="input_submit" class="input_submit">
    </form>
    <p id="input_zhuce"><a href="#">立即注册</a></p>
    </div>
</div>
<!--弹出登陆界面 end-->


<div class="head">
	<img src="../images/register_bg1.png">
    <p>我已注册，现在就<span id="login" style="color:#F93; cursor:pointer;">登陆</span></p>
</div>
<div class="content">
	<form action="register.php" method="post" onsubmit="return yanzheng(this)" >
	<div class="content_mail">
    	<p class="content_tishi_left">邮箱账号:</p>
        <input type="text" class="content_tishi_input" id="input_mail" name="usermail"/>
        <p class="content_tishi_right" id="p_mail"></p>
    </div>
    <div class="content_name">
    	<p class="content_tishi_left">昵称:</p>
        <input type="text" class="content_tishi_input" id="input_name" name="username" />
        <p class="content_tishi_right" id="p_name"></p>
    </div>
    <div class="content_password">
    	<p class="content_tishi_left">设置密码:</p>
        <input type="password" class="content_tishi_input" id="input_password1" name="userpassword" />
        <p class="content_tishi_right" id="p_password1">请输入6-20位密码</p>
    </div>
    <div class="content_password">
    	<p class="content_tishi_left">确认密码:</p>
        <input type="password" class="content_tishi_input" id="input_password2"/>
        <p class="content_tishi_right" id="p_password2"></p>
    </div>
    <div class="content_checkcode">
    	<p class="content_tishi_left">验证码:</p>
        <input type="text" class="content_tishi_input" id="input_checkcode" />
        <img src="ValidationCode.class.php" id="checkImg">
        <p class="content_tishi_right" id="p_checkcode"></p>
    </div>
    <div class="content_register">
    	<p class="content_tishi_left"></p>
        <input type="submit" class="content_tishi_submit" value="注册" />
    </div>
    </form>
</div>
</body>
</html>
